<template>
    <div class="right">
        <div class='right-title'>
            <span class='title'>意见反馈</span>
        </div>
        <div class="right-content">
            <el-form ref="form" :model="form" label-width="150px" class="feedback_form">
  <el-form-item label="公司名称：" :rules="[{required:true}]">
    <el-input v-model="form.companyName"></el-input>
  </el-form-item>
  <el-form-item label="姓名：" :rules="[{required:true}]">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item label="公司职位：" :rules="[{required:true}]">
    <el-input v-model="form.companyPosition"></el-input>
  </el-form-item>
  <el-form-item label="邮箱：" :rules="[{required:true}]">
    <el-input v-model="form.email"></el-input>
  </el-form-item>
  <el-form-item label="手机号：" :rules="[{required:true}]">
    <el-input v-model="form.phone"></el-input>
  </el-form-item>
  </el-form-item>
  <el-form-item label="产品意见：" :rules="[{required:true}]">
    <el-input type="textarea" v-model="form.opinion"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">提交</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
        </div>
    </div>
</template>

<script>
export default {
    data() {
      return {
        form: {
          
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('提交成功！！！我们会尽快与您联系！！！');
      }
    }
};
</script>

<style scoped>
.right {
  font-size: 0.2rem;
  display: flex;
}
.right-title {
  text-align: left;
  font-size: 0.2rem;
}
.right-title .title {
  display: inline-block;
  cursor: pointer;
  font-size: 0.25rem;
}
.right-content .feedback_form{
    width: 75%;
    margin: 0 auto;
    padding-top: 0.4rem;
}
</style>